<#import "../layout/common.html" as com> 

<#assign desc='This website is dedicated to helping users across the world locate their IP address.'/>
<#assign keywords='ip,address,info,locate,myip'/>
<@com.page title="What is my IP" pageId="pageDevMyIp" data={'css':'dev/dev', 'js':'dev/dev', 'ver':'a00', 'desc':desc, 'keywords':keywords}>

<div class="wrap-space">
	<div class="panel panel-default head-tab">
		<div class="panel-heading">
			<ul class="nav nav-tabs">
				<li class="active"><a href="#url-decode" data-toggle="tab">My IP</a></li>
				<li><a href="#speed-test" id="speed-test-button" data-toggle="tab">Speed Test</a></li>
			</ul>
		</div>
		<div class="tab-content">
			
			<div class="tab-pane active" id="url-decode">
				<div class="tab-heading">
					<div class="input-group">
						<span class="input-group-addon">Your IP</span>
						<input type="text" class="form-control" value="${ip!}" onclick="this.select();">
					</div>
				</div>
				<div class="ip-loc-wrap">
					<div class="img-wrap"><img src="https://tools.ip2location.com/ip2locationbig.png"/></div>
					<div class="loc-cover"></div>
				</div>
				<div class="code-about">
					<h4>What Is My IP?</h4>
					<p>This website is dedicated to helping users across the world locate their IP address.</p>
					<h4>What Is An IP Address?</h4>
					<p>An IP address (Internet Protocol Address) is an exclusive number online devices use to identify and communicate with each other through computer networks. This process can best be compared to how we receive mail to our home address. An IP address would be most similar to a mailing address, while the network would be compared to the town you live in. Just like our home addresses, information cannot be sent or received by devices without a specific address.</p>
				</div>
			</div>
			
			<div class="tab-pane" id="speed-test">
				<div class="tab-heading">
					<div class="title">Speed Test</div>
				</div>
				<div class="speedchecker-wrap" id="speedCheckerWrap">
					<div id="speedcheckerdiv">Loading...</div>
					<div id="speedchecker_link">Provided by <a href="http://www.broadbandspeedchecker.co.uk">Internet Speed Test</a></div>
				</div>
			</div>
		</div>
	</div>
	
	<#include "../home/bum/box-dev.html"/>
</div>

</@com.page>